<!DOCTYPE html>
<!--学生管理-->
<html>
<head>
    <meta charset="utf-8">
    <title>智慧校园-学生管理</title>
    <!--   Layui的js-->
    <script type="text/javascript"
            th:src="@{/libs/layui/layui.js}"
            charset="utf-8"></script>
    <!--Layui的css-->
    <link rel="stylesheet"
          th:href="@{/libs/layui/css/layui.css}"
          media="all">
    <style>
        .layui-table-cell .layui-form-checkbox[lay-skin="primary"] i .layui-form-checkbox i {
            top: -6%;
            transform: translateY(-50%);
        }
        .layui-table-cell{    height: 39px;
            line-height: 36px;}
    </style>
</head>
<body>

<!--是js获取到项目名称-->
<!--    <div>-->
<!--        <input id="basePath" hidden value="@{pageContext.request.contextPath}"/>-->
<!--    </div>-->
<!--模糊查询-->
<div style="font-size: 15px;float:left">
    <form id="dataFrm" method="post" class="layui-form  layui-form-pane" lay-filter="dataFrm">

        <div class="layui-form-item"style="margin: 21px 0px 0px 0px;float: left;">
            <label class="layui-form-label">区域：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="area" id="area" lay-filter="area">
                    <option value="">请选择</option>
                    <!--                <option value="A">A区</option>-->
                    <!--                <option value="B">B区</option>-->
                    <!--                <option value="C">C区</option>-->
                    <!--                <option value="D">D区</option>-->
                    <!--                <option value="E">E区</option>-->
                </select>
            </div>
        </div>


        <div class="layui-form-item" style="margin: -40px 0px 21px 335px;float: left;" >
            <label class="layui-form-label">楼号：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="buildingNo" id="buildingNo" lay-filter="buildingNo">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一号楼</option>-->
                    <!--                    <option value="2">第二号楼</option>-->
                    <!--                    <option value="3">第三号楼</option>-->
                    <!--                    <option value="4">第四号楼</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: -59px -28px -29px 700px;float:left;">
            <label class="layui-form-label">楼层：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="buildingFloor" id="buildingFloor"  lay-filter="buildingFloor">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一楼层</option>-->
                    <!--                    <option value="2">第二楼层</option>-->
                    <!--                    <option value="3">第三楼层</option>-->
                    <!--                    <option value="4">第四楼层</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: -59px -28px -29px 1050px;float: left;"> <!--21px 0px 0px 0px-->
            <label class="layui-form-label">宿舍名称：</label>
            <div class="layui-input-block">
                <input type="text" name="dormitoryName"
                       style="width: 175px;"  autocomplete="off" placeholder="请输入宿舍名称" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="margin: 21px -28px 31px 0px;float: left;">
            <label class="layui-form-label">管理员：</label>
            <div class="layui-input-block">
                <input type="text" name="dormSupervisor"
                       style="width: 175px;"  autocomplete="off" placeholder="请输入教室名称" class="layui-input">
            </div>
        </div>  <!---40px 0px 31px 335px-->

        <div class="layui-form-item" style="margin: -69px -28px -19px 335px;float:left;">
            <label class="layui-form-label">管理员：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select id="dormSupervisorId" name="dormSupervisorId">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: -69px -28px -19px 700px;float:left;">
            <label class="layui-form-label">床位数量：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="bedNumber" id="bedNumber">
                    <option value="">请选择</option>

<!--                                        <option value="4">4人间</option>-->
<!--                                        <option value="6">6人间</option>-->
<!--                                        <option value="8">8人间</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="margin: -69px -28px -19px 1050px;float:left;">
            <label class="layui-form-label">使用状态：</label>
            <div class="layui-input-block" style="width: 175px;">
                <select name="useStatus" id="useStatus">
                    <option value="">请选择</option>
<!--                    <option value="0">正常</option>-->
<!--                    <option value="1">空闲</option>-->
<!--                    <option value="2">停用</option>-->
                </select>
            </div>
        </div>


        <!--查询按钮-->
        <div class="layui-btn-container" style="float: left; margin: 0px 0px 0px 0px">
            <button type="button" class="layui-btn layui-btn-lg layui-btn-normal"
                    lay-submit lay-filter="doSearchdor"
                    style="margin: -15px 0px -5px 250px">
                <i class="layui-icon layui-icon-search"></i>查询
            </button>
            <button type="reset" class="layui-btn layui-btn-lg layui-btn-warm"
                    style="margin: -15px 0px -5px 250px">
                <i class="layui-icon layui-icon-chat"></i>重置 </button>
            <!--
                    <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
            -->
        </div>
    </form>
</div>

    <!-- 数据表格开始 -->
<div style="float: left;height:150px;width: 1200px">
    <!-- 表格 -->
    <table class="layui-hide" id="dorTable" lay-filter="dorTable" style="height:150px;" ></table>

    <!-- 头部工具栏 -->
    <script type="text/html" id="dorToolbar">
        <div class="layui-btn-container">

            <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon layui-icon-add-circle"></i>添加宿舍</button>
            <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDelete" > <i class="layui-icon layui-icon-delete"></i>批量删除</button>

            <button class="layui-btn layui-btn-sm" >获取选中行数据</button>
            <button class="layui-btn layui-btn-sm" >获取选中数目</button>
            <button class="layui-btn layui-btn-sm" >验证是否全选</button>
        </div>
    </script>

    <!-- 行工具栏 -->
    <script type="text/html" id="dorDemo">
        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-event="details"><i class="layui-icon layui-icon-dialogue"></i>   详情</button>
        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>   编辑</button>
        <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" lay-event="delete" ><i class="layui-icon layui-icon-delete"></i>删除</button>
    </script>

</div>


<!-- 详情的弹出层开始 -->
<div id="openDetailsWindow" style="display: none;margin: 10px;">
    <form id="dataFrm2" method="post" class="layui-form layui-form-pane " lay-filter="dataFrm2">
        <!-- 隐藏域，保存当前账单的ID -->
        <input type="hidden" name="pkId">


        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">区域：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="area" id="areatx" lay-filter="areat">
                    <option value="">请选择</option>
                    <!--                <option value="A">A区</option>-->
                    <!--                <option value="B">B区</option>-->
                    <!--                <option value="C">C区</option>-->
                    <!--                <option value="D">D区</option>-->
                    <!--                <option value="E">E区</option>-->
                </select>
            </div>
        </div>


        <div class="layui-form-item" style="width: 275px;"  >
            <label class="layui-form-label">楼号：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="buildingNo" id="buildingNotx" lay-filter="buildingNot">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一号楼</option>-->
                    <!--                    <option value="2">第二号楼</option>-->
                    <!--                    <option value="3">第三号楼</option>-->
                    <!--                    <option value="4">第四号楼</option>-->
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="width: 375px;">
            <label class="layui-form-label">楼层：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="buildingFloor" id="buildingFloortx"  lay-filter="buildingFloort">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一楼层</option>-->
                    <!--                    <option value="2">第二楼层</option>-->
                    <!--                    <option value="3">第三楼层</option>-->
                    <!--                    <option value="4">第四楼层</option>-->
                </select>
            </div>
        </div>


        <div class="layui-form-item "style="width: 485px;">
            <label class="layui-form-label">宿舍名称：</label>
            <div class="layui-input-block">
                <input type="text" name="dormitoryName"  placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">床位数量：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="bedNumber" id="bedNumbertx">
                    <option value="">请选择</option>

                    <!--                                        <option value="4">4人间</option>-->
                    <!--                                        <option value="6">6人间</option>-->
                    <!--                                        <option value="8">8人间</option>-->
                </select>
            </div>
        </div>


        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">管理员：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select id="dormSupervisorIdtx" name="dormSupervisorId">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">使用状态：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="useStatus" id="useStatustx">
                    <option value="">请选择</option>
                    <!--                    <option value="0">正常</option>-->
                    <!--                    <option value="1">空闲</option>-->
                    <!--                    <option value="2">停用</option>-->
                </select>
            </div>
        </div>




        <div class="layui-form-item" style="text-align: center;">
            <div class="layui-btn-container">

                <!--      <button type="button" class="layui-btn" lay-submit lay-filter="doSubmit">确认</button>-->
                <!--      <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" id="addstu">
                    <i class="layui-icon layui-icon-add-circle"></i>添加学生</button>
                <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" id="gsAll">
                    <i class="layui-icon layui-icon-add-circle"></i>本宿舍学生</button>

            </div>
        </div>>
    </form>
</div>
<!-- 详情的弹出层结束-->

<!-- 详情的学生信息弹出层开始 -->
<div id="openAddStuWindow" style="display: none;margin: 10px;">
    <!-- 数据表格开始 -->
    <div>
        <!-- 表格 -->
        <table class="layui-hide" id="studentTable" lay-filter="studentTable" style="height:150px" ></table>

        <!-- 头部工具栏 -->
        <script type="text/html" id="studentToolbar">
            <div class="layui-btn-container">


                <button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batchStuadd" > <i class="layui-icon layui-icon-add-circle"></i>批量添加</button>


            </div>
        </script>

        <!-- 行工具栏 -->
        <script type="text/html" id="barDemo">

            <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-event="addCStu"><i class="layui-icon layui-icon-add-circle"></i>添加学生</button>
            <!--      <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" lay-event="delete" ><i class="layui-icon layui-icon-delete"></i>删除</button>-->
        </script>

    </div>
</div>
<!-- 详情的弹出层结束-->


<!-- 添加和修改账单的弹出层开始 -->
<div id="addOrUpdateBillDiv" style="display: none;margin: 10px;">

    <div style="margin:auto">
    <form id="dataFrm1" method="post" class="layui-form layui-form-pane " lay-filter="dataFrm1">
        <!-- 隐藏域，保存当前账单的ID -->
        <input type="hidden" name="pkId" id="pkId">


        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">区域：</label>

            <div class="layui-input-block" style="width: 375px;">
                <select name="area" id="areat" lay-filter="areat" autocomplete="off">
                    <option value="">请选择</option>
                    <!--                <option value="A">A区</option>-->
                    <!--                <option value="B">B区</option>-->
                    <!--                <option value="C">C区</option>-->
                    <!--                <option value="D">D区</option>-->
                    <!--                <option value="E">E区</option>-->
                </select>
            </div>

            <div id="moldingOtDiv" class="layui-input-block input-select" style=".input-select{position:absolute;z-index:2; width: 160px;top: 0px;display: none;}">
                <input id="moldingOt" name="moldingOt"  placeholder="请输入新建区域" type="text" class="layui-input" onblur="myFunction()" style=" margin: -38px 0px 0px 0px;width: 300px">
            </div>


        </div>


        <div class="layui-form-item" style="width: 275px;"  >
            <label class="layui-form-label">楼号：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="buildingNo" id="buildingNot" lay-filter="buildingNot" autocomplete="off">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一号楼</option>-->
                    <!--                    <option value="2">第二号楼</option>-->
                    <!--                    <option value="3">第三号楼</option>-->
                    <!--                    <option value="4">第四号楼</option>-->
                </select>
            </div>

            <div id="moldingOtDivl" class="layui-input-block input-select" style=".input-select{position:absolute;z-index:2; width: 160px;top: 0px;display: none;}">
                <input id="moldingOtl" name="moldingOtl"  placeholder="请输入新建楼" type="text" class="layui-input" onblur="myFunctionl()" style=" margin: -38px 0px 0px 0px;width: 300px">
            </div>

        </div>

        <div class="layui-form-item" style="width: 375px;">
            <label class="layui-form-label">楼层：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="buildingFloor" id="buildingFloort"  lay-filter="buildingFloort" autocomplete="off">
                    <option value="">请选择</option>
                    <!--                    <option value="1">第一楼层</option>-->
                    <!--                    <option value="2">第二楼层</option>-->
                    <!--                    <option value="3">第三楼层</option>-->
                    <!--                    <option value="4">第四楼层</option>-->
                </select>
            </div>

            <div id="moldingOtDivlc" class="layui-input-block input-select" style=".input-select{position:absolute;z-index:2; width: 160px;top: 0px;display: none;}">
                <input id="moldingOtlc" name="moldingOtlc"  placeholder="请输入新建楼层" type="text" class="layui-input" onblur="myFunctionlc()" style=" margin: -38px 0px 0px 0px;width: 300px">
            </div>

        </div>


        <div class="layui-form-item "style="width: 485px;">
            <label class="layui-form-label">宿舍名称：</label>
            <div class="layui-input-block">
                <input type="text" name="dormitoryName"  placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">床位数量：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="bedNumber" id="bedNumbert">
                    <option value="">请选择</option>

                    <!--                                        <option value="4">4人间</option>-->
                    <!--                                        <option value="6">6人间</option>-->
                    <!--                                        <option value="8">8人间</option>-->
                </select>
            </div>
        </div>


        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">管理员：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select id="dormSupervisorIdt" name="dormSupervisorId">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item" style="width: 275px;">
            <label class="layui-form-label">使用状态：</label>
            <div class="layui-input-block" style="width: 375px;">
                <select name="useStatus" id="useStatust">
                    <option value="">请选择</option>
                    <!--                    <option value="0">正常</option>-->
                    <!--                    <option value="1">空闲</option>-->
                    <!--                    <option value="2">停用</option>-->
                </select>
            </div>
        </div>




        <div class="layui-form-item" style="text-align: center;">
            <button type="button" class="layui-btn" lay-submit lay-filter="doSubmit">确认添加</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </form>
    </div>
</div>
<!-- 添加和修改账单的弹出层结束-->

<!-- 详情的本班学生信息弹出层开始 -->
<div id="opengsWindow" style="display: none;margin: 10px;">

    <!--模糊查询-->
    <div style="font-size: 15px">
        <form id="gsFuzzyQuery" method="post" class="layui-form  layui-form-pane" lay-filter="gsFuzzyQuery">

            <div class="layui-form-item" style="width: 275px;float: left;margin: 21px 0px 0px 0px">
                <label class="layui-form-label">学生姓名：</label>
                <div class="layui-input-block">
                    <input type="text"  name="stuName"
                           style="width: 175px;"  autocomplete="off" placeholder="请输入学生姓名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="width: 275px;float: left;margin: -40px 0px 21px 335px" >
                <label class="layui-form-label">学生ID：</label>
                <div class="layui-input-block">
                    <input type="text" name="studentId"
                           style="width: 175px;"  autocomplete="off" placeholder="请输入学生ID" class="layui-input">
                </div>
            </div>






            <!--查询按钮-->
            <div class="layui-btn-container" style="float: left">
                <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" lay-submit lay-filter="doSearchbensushe"
                        style="float: left; margin: 0px 0px 0px 183px"
                >搜索</button>
                <button type="reset" class="layui-btn layui-btn-radius layui-btn-warm"
                        style="float: left; margin: 0 0px 0px 200px"
                >重置</button>
                <!--
                        <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
                -->
            </div>
        </form>
    </div>

    <!-- 数据表格开始 -->
    <div style="float: left"   >
        <!-- 表格 -->
        <table class="layui-hide" id="gsTable" lay-filter="gsTable" style="height:150px" ></table>

        <!-- 头部工具栏 -->
        <script type="text/html" id="gsToolbar">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDeletesStu" > <i class="layui-icon layui-icon-delete"></i>批量删除</button>
            </div>
        </script>

        <!-- 行工具栏 -->
        <script type="text/html" id="gsDemo">
            <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" lay-event="deleteSstuID" ><i class="layui-icon layui-icon-delete"></i>删除</button>
        </script>

    </div>

</div>
<!-- 详情的本班学生信息弹出层结束 -->

    <!--jquery的js-->
<script type="text/javascript"
        th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
    <!--引入自己的JS代码-->
    <script type="text/javascript"
        th:src="@{/js/dormitory/dorlistXlkAndInput.js}"></script>


</body>
</html>
